<script setup lang="ts">
const isOpen = inject<Ref<boolean>>('isOpen')
const isOpenChange = inject('isOpenChange') as () => void
</script>

<template>
  <div class="open-icon" @click="isOpenChange">
    <i
      class="esayIcon cursor-pointer"
      :class="[isOpen ? `esayIcon-zhedie1` : 'esayIcon-zhankaicaidan']"
    ></i>
  </div>
</template>

<style scoped lang="scss">
.open-icon {
  cursor: pointer;
  font-weight: bold;
  position: relative;
  top: 1px;
}
</style>
